<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"/>
		<title>穿白色衬衣的少年</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<script src="jquery/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<nav class="navbar navbar-default container-fluid" role="navigation">
		    <div class="container-fluid"> 
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle" data-toggle="collapse"
		                data-target="#example-navbar-collapse">
		            <span class="sr-only">切换导航</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		        </button>
		        <a class="navbar-brand" href="#">穿白色衬衣的少年</a>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		       <ul class="nav nav-tabs ">
		       	<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span>首页</a></li>
		       	<li><a href="video.html"><span class="glyphicon glyphicon-film"></span>视频区</a></li>
		       	<li><a href="music.html"><span class="fa fa-print" aria-hidden="true"></span>综合模块</a></li>
		       	<li><a href="aboutOrarticle.html"><span class="fa fa-book" aria-hidden="true"></span>关于/文章</a></li>
		       </ul>
		    </div>
		    </div>
		</nav>
		<div class="container-fluid big_box" >
			<div class="row visible-on" >
				<div class="col-lg-12  col-md-12  col-xs-12  col-sm-12">
					<div class="jumbotron text-center">
						<h1>这是一个小网站也可以叫博客吧！</h1>
						<p>这个网站的制作者是一个小白，刚入门前端，只了解部分知识！</p>
						<p>此网站只做个人用，测试网站从开发到上线的流程</p>
						<p>另外作者还会一些剪辑技术，需要剪辑可以联系我！</p>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-3  col-md-3  col-xs-6  col-sm-3 text-center"style="font-size: 2em; font-weight: normal;" >
					<a href="#" class="weibo" onclick="weibo()"><img src="img/weibo.jpg" class="img-responsive img-rounded center-block" style="width: 140px;height: auto;"></a>
					<span class="fa fa-weibo" aria-hidden="true">小黎啊华</span>
				</div>
				<div class="col-lg-3  col-md-3  col-xs-6  col-sm-3 text-center"style="font-size: 2em; font-weight: normal;">
					<a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=1261027252&website=www.oicqzone.com">
			<img src="img/logo.jpg" class="img-circle img-responsive center-block"style="width: 140px;height: auto;"></a>
					<span class="fa fa-qq"aria-hidden="true">穿白色衬衣的少年(QQ:1261027252)</span>
				</div>
				
				<div class="col-lg-3  col-md-3  col-xs-6  col-sm-3 text-center"style="font-size: 2em; font-weight: normal;">
					<img src="img/gooleEmail.jpg"class="img-responsive center-block img-circle" style="width: 140px;height: auto;">
					<span class="fa fa-envelope" aria-hidden="true">m78lixingyun
					@gmail.com</span>
				</div>
				<div class="col-lg-3  col-md-3  col-xs-6  col-sm-3 text-center"style="font-size: 1.5em; font-weight: normal;">
					<a href="#" class="taobao" onclick="taobao()"><img src="img/taobao.png" class="img-responsive center-block img-rounded" style="width: 140px;height: auto;"></a>
					<span>作者的淘宝小店“磁饰界”（主营：广告材料）</span>
				</div>
			</div>
		</div>
		<div class="container"style="margin-bottom: 0;padding-top: 100px;">
			<div class="row">
				<div class="col-md-12 text-center">
					<p>穿白色衬衣少年的个人网站&copy;个人邮箱：m78lixingyun@gmail.com</p>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var weibo=document.getElementsByClassName("weibo").onclick=function(){
				window.open("https://weibo.com/5982714850/profile?rightmod=1&wvr=6&mod=personinfo");
			}
			var taobao=document.getElementsByClassName("taobao").onclick=function(){
				window.open("https://shop364103870.taobao.com/shop/view_shop.htm?spm=a1z0k.7385961.0.0.b44537derV0VVt&shop_id=364103870");
			}
		</script>
	</body>
</html>
